<template>
    <div>
        <button @click="sendAjax">发送Ajax请求</button>
    </div>
</template>

<script>
// import axios from 'axios'

export default {
    data(){
        return {
            
        }
    },
    methods: {
        async sendAjax(){
            /**
             * 查询get()
             */
            // axios.get('http://ums.tangxiaoyang.vip/api/users/findById?id=654')
            // axios.get('http://ums.tangxiaoyang.vip/api/users/findById', {
            //     params:{
            //         id: 654
            //     }
            // })
            // axios.get('http://ums.tangxiaoyang.vip/api/users/query/654')
            //     .then(res => {
            //         console.log(res)
            //         if(res.data.status === 200){
            //             console.log(res.data.data)
            //         }else{
            //             console.log(res.data.msg)
            //         }
            //     })

            /**
             * 新增 post()
             */
            // name、phone、address
            // let user = {
            //     name: '李四',
            //     phone: '123456789',
            //     address: '北京市'
            // }
            // axios.post('http://ums.tangxiang.vip/api/users/add', user)
            //     .then(res => {
            //         if(res.data.status != 200){
            //             return alert(res.data.msg)
            //         }
            //         alert('新增成功')
            //     })
            //     .catch(err => {
            //         console.log(err)
            //     })

            /**
             * 删除 delele
             */
            // axios.delete('http://ums.tangxiaoyang.vip/api/users/remove/654')
            //     .then(res => {
            //         console.log(res)
            //     })

            /**
             * 异步转同步
             * async、await
             */
            var {data: res} = await this.$http.get('http://ums.tangxiaoyang.vip/api/users/list')
            console.log(res.data)

            
            var stu = {
                name: 'tangxiaoyang',
                age: 18,
                sex: '男'
            }

            // var a = stu.name

            var {name: a} = stu
            console.log(a)




            /**
             *  代理服务，实现跨域访问
             */
            //  var res = await this.$http.get('/api/ums_web/register', {
            //     params: {
            //         username:'tangxiaoyang',
            //         password:'123456',
            //         age: 18
            //     }
            //  })
            // console.log(res)
        }
    }
}
</script>

<style lang="less" scoped>
    
</style>